<template>
  <el-drawer v-model="show" class="statistics_dialog" direction="btt" :show-close="false">
    <template #header="{ close, titleId, titleClass }">
      <div class="drewer_header" @click="show = false">
        <img src="@/assets/home/shouqi.png" style="width: 24px; height: 24px" alt="" />
        <div>方案统计</div>
      </div>
    </template>
  </el-drawer>
</template>

<script setup>
const show = defineModel({ type: Boolean })

</script>

<style lang="scss" scoped>
.drewer_header {
  width: 100%;
  height: 40px;
  padding: 0 8px;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
}
</style>
<style>
.statistics_dialog {
  width: 1100px !important;
  height: 640px !important;
  left: 20% !important;
  /* box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); */
}
.statistics_dialog .el-drawer__header {
  width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  /* box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15); */
  background-image: linear-gradient(to left, #ffa400, var(--pcmain-color));
  cursor: pointer;
}
</style>